sap.ui.jsview("zmmbe.selectView", {

    /** Specifies the Controller belonging to this View. 
	* In the case that it is not implemented, or that "null" is returned, this View does not have a Controller.
	* @memberOf zmmbe.selectView
	*/ 
	getControllerName : function() {
		return "zmmbe.selectView";
	},

	/** Is initially called once after the Controller has been instantiated. It is the place where the UI is constructed. 
	* Since the Controller is given to this method, its event handlers can be attached right away. 
	* @memberOf zmmbe.selectView
	*/ 
	createContent : function(oController) {
		var flexboxSel = new sap.m.FlexBox();
		flexboxSel.addItem( new sap.m.Label({text: "品目コード:"}));
		flexboxSel.addItem( new sap.m.Input({
			value : "{/matnr}"
				}));
		
		flexboxSel.setAlignItems("Center");
		flexboxSel.setJustifyContent("Center");
		
        var flexboxBtn = new sap.m.FlexBox({direction: "Column"});
		flexboxBtn.addItem( new sap.m.Button('searchBtn',{
			text:"Search",
			press:function(){			
				app = sap.ui.getCore().byId("myApp");
			    app.to("idplantView");
			    }})); 
		
		flexboxBtn.setAlignItems("Center");
		flexboxBtn.setJustifyContent("Center");
		
		
		var selectPage =new sap.m.Page("selectPage",{
		                    title: "選択画面",
		                    content: [ 
		                               flexboxSel,
		                               flexboxBtn
		                             ],
		                    showNavButton: false,
		                    });

		       
		return selectPage;
	}
});